<%--
  Created by IntelliJ IDEA.
  User: kwc13
  Date: 2023-12-6
  Time: 上午 08:09
  To change this template use File | Settings | File Templates.
--%>
<!-- 标记为HTML格式 -->
<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ page isELIgnored="false" %>
<!-- 设置页面为Chain -->
<html lang="ch">
<head>
    <title>小米商城后台管理</title>
    <!-- 设置地址栏主题背景颜色 -->
    <meta name="theme-color" content="#000000">
    <!-- 页面描述 -->
    <meta name="description" content="页面描述信息">
    <!-- 移动端显示 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <script src="${pageContext.request.contextPath}/other/component/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath}/other/request/background/set.js"></script>
    <script src="${pageContext.request.contextPath}/other/request/background/commodity.js"></script>
    <script src="${pageContext.request.contextPath}/other/scripts/background/set_up.js"></script>
    <!-- 页面Logo -->
    <link rel="shortcut icon" href="http://localhost:8083/resource_packs/images/logo.png">
    <link href="${pageContext.request.contextPath}/other/style/background/index.css" rel="stylesheet"
          type="text/css"/>
    <link href="${pageContext.request.contextPath}/other/style/background/set_up.css" rel="stylesheet"
          type="text/css"/>
</head>
<body>
<div>
    <div class="head"><p class="title">设置</p></div>
    <div class="administrator-information">
        <div class="personal-information">
            <div class="avatar">
                <img src="http://localhost:8083/resource_packs/images/${administrator.avatar}"
                     img="${administrator.avatar}" class="avatar-img" alt="头像">
            </div>
        </div>
        <div class="administrator-text-from" information-id="${administrator.informationId}">
            <label>
                <input class="administrator-name-text" value="${administrator.name}">
                <span>姓 名</span>
            </label>
            <label>
                <input class="phone" value="${administrator.phone}">
                <span>手机号</span>
            </label>
            <label>
                <input class="signature" value="${administrator.signature}">
                <span>签名</span>
            </label>
            <label>
                <input class="sex" value="${administrator.sex == 0 ? '男' : '女'}">
                <span>性别</span>
            </label>
            <label>
                <input class="mailbox" value="${administrator.mailbox}">
                <span>邮箱</span>
            </label>
            <label>
                <input class="spare-phone" value="${administrator.sparePhone}">
                <span>备用手机号码</span>
            </label>
            <label>
                <input class="home-address" value="${administrator.homeAddress}">
                <span>家庭住址</span>
            </label>
            <label>
                <input class="signature" value="">
                <span>联系电话</span>
            </label>
            <label>
                <input class="contact" value="${administrator.contact}">
                <span>联系人</span>
            </label>
            <label>
                <input class="contact-phone" value="${administrator.contactPhone}">
                <span>联系人电话</span>
            </label>
            <label>
                <input class="administrator-id-text" value="${administrator.administratorId}">
                <span>管理员账号</span>
            </label>
            <label>
                <input class="date-birth" type="date" value="${administrator.dateBirth}">
                <span>出生日期</span>
            </label>
            <label>
                <input class="department-id" value="${administrator.departmentId}">
                <span>职位Id</span>
            </label>
            <label>
                <input class="date-birth" value="${administrator.dateEntry}">
                <span>入职日期</span>
            </label>
            <button class="update">个人消息修改</button>
        </div>
    </div>


    <!-- 隐藏部分 -->
    <div class="hint-window-logout" style="display: none">
        <div class="blinded"></div>

        <div class="hint-window-logout-revise">
            <div class="hint-window-logout-title">
                <span class="change-address-title">头像设置</span>
                <img src="http://localhost:8083/resource_packs/images/pop_ups_closes.png" class="hint-img" alt="关闭">
            </div>
            <div class="ant-modal-body">
                <div class="ant-modal-body-div">
                    <form enctype="multipart/form-data">
                        <div>
                            <input class="avatar-btn-img" name="doc" id="doc" type="file" accept="image/*">
                            <div id="local-imag">
                                <img id="preview" width="80px" height="80px" alt="图片" src=""/>
                            </div>
                        </div>
                    </form>
                    <div class="avatar-information">
                        图片格式jpg、png、jpeg，大小不超过10MB
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
